body{background-color: #f2f2f2;}
.header_userbg {
  background: #fff;
  color:#000;
}

.header_h1{color:#000;}

.header_top_l:after{
   color:#000;
   border: #000 solid;
   border-width: 3px 3px 0 0;
}

.rec_container{display: flex; flex-direction: column;}

.rec_hd{
	height:40px; display: flex; padding:0 10px; background-color: #fff;
	border-top:1px solid #EDEDED;border-bottom:1px solid #EDEDED;
}

.rec_hd a{line-height: 40px;flex:1; text-align:center;}

.rec_hd a.active{color:#64A3F7; border-bottom:1px solid #64A3F7;}
.rec_item{background-color: #fff; margin-bottom: 10px;}
.item1{height:40px;line-height:40px; border-bottom:1px solid #EDEDED;padding:0 10px;} 
.rec_num{float:left;}
.rec_status{float:right; color:#727171;}

.item2{display: flex;  align-items:center;padding:15px 10px;}

.avatar_img img{width:47px;}
.job_info{margin-left:10px; flex:1;}
.job_status{float:right; color:#64A3F7;}
.row1{font-size:16px;}
.row2{color:#727171; font-size:14px;}
.row3{line-height: 20px;color:#6AA7F7;font-size:14px;}
.row3 img{vertical-align: middle; width:12px; margin-top:-4px;}





